.tit-dhr .about { background: #203d99; color: #ffffff; }

@media (min-width: 1200px) { .cat-tr { margin-bottom: 50px; } }

.cat-tr h2 { font-size: 24px; margin-bottom: 20px; }

@media (min-width: 1000px) { .cat-tr h2 { font-size: 28px; margin-bottom: 0; } }

@media (min-width: 1200px) { .cat-tr h2 { margin-bottom: 30px; } }

.cat-tr p { color: #555555; font-size: 16px; line-height: 28px; }

@media (min-width: 1000px) { .cat-tr p { line-height: 24px; } }

@media (min-width: 1200px) { .cat-tr p { line-height: 32px; } }

.cat-h2 { font-size: 24px; margin-bottom: 10px; color: #203d99; }

@media (min-width: 1000px) { .cat-h2 { font-size: 28px; } }

.cat-p1 { color: #555555; margin-bottom: 20px; }

@media (min-width: 1000px) { .cat-p1 { margin-bottom: 30px; } }

@media (min-width: 1200px) { .cat-p1 { margin-bottom: 40px; } }

.cat-bg { background: #eee; padding: 20px 0; }

@media (min-width: 1000px) { .cat-bg { padding: 30px 0; } }

@media (min-width: 1200px) { .cat-bg { padding: 70px 0 75px; } }

.cat-d1 p { color: #555555; }

.cat-d1 p span { color: #203d99; font-size: 16px; display: inline-block; margin-bottom: 10px; font-weight: bold; }

.cat-d1, .cat-d2 { background: #fff; padding: 20px; margin-bottom: 30px; }

@media (min-width: 1200px) { .cat-d1, .cat-d2 { padding: 40px 30px; box-shadow: -3px 0px 3px 0px #c5c4c4; } }

.cat-d2 { color: #777777; }

.cat-d2 textarea::-webkit-input-placeholder { color: #777777; }

.cat-d2 input, .cat-d2 textarea { border: 0; padding: 0; border-radius: 0; border-bottom: 1px solid #ccc; margin-bottom: 30px; box-shadow: 0 0px 0px transparent inset; }

@media (min-width: 760px) { .cat-d2 input, .cat-d2 textarea { margin-bottom: 21px; } }

@media (min-width: 1000px) { .cat-d2 input, .cat-d2 textarea { margin-bottom: 29px; } }

.cat-d2 button { background: #203d99; padding: 8px 15px; border: 0; color: #fff; font-size: 16px; }

@media (min-width: 1200px) { .cat-img { margin-top: 30px; } }
